
body{
    background: #f8f8f8;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}
/*头logo*/
.head-container {
    position: relative;
    z-index: 1;
    height: 70px;
    background-color: #fff;
    box-shadow: 0 1px 9px rgb(46 50 68 / 10%);
}

.header {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    color: #fff;
}

.header__logo1 {
    position: relative;
    left: -30px;
    float: left;
    height: 100%;
    width: 251px;
    background: url(../images/vip_img/vip_logo.png) no-repeat  left/70% ;
}
.header__logo2 {
    position: relative;
    left: -100px;
    float: left;
    height: 100%;
    width: 251px;
    background: url(../images/vip_img/vip_logo1.png) no-repeat  left/50% ;
}
/* ==========================会员信息栏=========================== */
#container {
    width: 100%;
}
#app {
    font-family: 'Microsoft YaHei';
}
.floor {
    width: 1190px;

    margin: 0 auto 0;
    padding-bottom: 2px;
    /* background-color: gray; */
}
.floor-first {
    position: relative;
    z-index: 10;
    height: 275px;
    width: 100%;
    margin: 0 auto;
    /* background-color: gray; */
}
.floor-first .floor-first__left {
    position: absolute;
    z-index: 1;
    top: 14px;
    left: 0;
    right: 0;
    height: 261px;
    border-radius: 10px;
    box-shadow: 0 8px 21px rgb(0 0 0 / 20%);
    /* background-color: hotpink; */
}
/*会员信息左面*/
.floor-first__left-container {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 550px;
    border-radius: 10px;
/* background: url(../images/vip_img/vipInfoLeftBg.jpg) no-repeat left center/auto 100%; */
    background-color: rgb(253, 118, 72);
}
.floor-first__left-container .floor-first__left-info {
    padding: 38px 0 0 45px;
}
/*头像*/
.floor-first__left-avator img {
    float: left;
    width: 84px;
    height: 84px;
    border: 2px solid #f1cd85;
    border-radius: 50%;
    box-shadow: 0 5px 18px rgb(179 141 57 / 70%);
}
.row:after {
    content: '';
    display: table;
    clear: both;
}
/*信息栏*/
.floor-first__left-desc {
    margin-left: 84px;
    padding: 12px 0 0 25px;
    color: #fff;
}
.floor-first__left-desc .name {
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 3px 5px rgb(179 141 57 / 80%);
}
.floor-first__left-desc .name span {
    vertical-align: middle;
    display: inline-block;
    max-width: 133px;
    min-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.floor-first__left-desc .name i {
    vertical-align: middle;
    display: inline-block;
    width: 69px;
    font-size: 12px;
    text-align: center;
    color: #8b6822;
    height: 22px;
    line-height: 22px;
    margin: 0 6px 0 0px;
    background: url(../images/vip_img/vip-type.png) no-repeat center center/cover;
}
.floor-first__left-desc .out {
    height: 14px;
    padding-top: 15px;
    font-size: 12px;
}
/*续费按钮*/
.floor-first__left-btn {

    position: absolute;
    z-index: 5;
    top: 50px;
    padding-right: 35px;
    height: 64px;
    right: 72px;
    color: #7c6638;
    box-sizing: border-box;
    background: #fdd681;
    background: linear-gradient(
126deg
, #fdd681, #ffe7bb);
    border-bottom-left-radius: 32px;
    border-top-left-radius: 32px;
    border: 1px solid #f0cc85;
    box-shadow: 0 8px 18px rgb(179 141 57 / 60%);
    transition: left 0.15s;
    font-weight: bold;
    
}
.floor-first__left-btn:hover{
    cursor: pointer;
}


/* 续费超链接 */
.floor-first__left-btn p {
    padding: 18px 0 0 29px;
    font-size: 16px;
}
.floor-first__left-btn p a{
    color: rgb(78, 78, 78);
}
/* .floor-first__left-btn a {
    border-top: 10px;
    padding: 24px 0 0 22px;
    font-size: 18px;
    border-radius: 5px;
} */

/* 右边 */
.floor-first__right {
    position: absolute;
    float: right;
    outline: none;
    border: 0;
    z-index: 2;
    top: 0;
    border-radius: 10px;
    right: 0;
    bottom: 0;
    width: 780px;
    background: url(../images/vip_img/floor-right.png)top center/cover;
    
}
/* 优惠券数量介绍*/
.floor-first__right .second {
    left: 200px;
}
.floor-first__right-block {
    position: absolute;
    top: 70px;
    width: 170px;
    text-align: left;
}
.floor-first__right-block {
    width: 180px !important;
}
.floor-first__right-block .title {
    font-size: 18px;
    line-height: 18px;
}
.floor-first__right-block .num {
    display: inline-block;
    padding-top: 15px;
    font-size: 42px;
    line-height: normal;
}
.floor-first__right-block p {
    color: #fff;
    font-weight: bold;
    background: -webkit-linear-gradient(left, #b8b8b8, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.floor-first__right-block .num span {
    padding-left: 3px;
    font-size: 16px;
}
.floor-first__right-block .assist {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    font-weight: normal;
}
.floor-first__right-block .btn {
    display: inline-block;
    margin-top: 25px;
    padding: 2px;
    font-size: 18px;
    text-align: center;
    background: #9d8154;
    background: linear-gradient(0, #9d8154, #ffe2a2);
    -ms-filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='#9d8154',endColorStr='#ffe2a2');
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr='#9d8154',endColorStr='#ffe2a2');
}

/* 积分介绍 */
.floor-first__right .third {
    left: 548px;
}
.floor-first__right-block .btn .normal-bg {
    display: inline-block;
    width: 84px;
    padding: 7px 0;
    color: #e1cba2;
    background: #2d3042;
}

.floor-first__right-block .btn .normal-bg:hover {
    background: #383c52;
}

/*======================会员介绍===========================*/
.floor-second {
    position: relative;
    z-index: 5;
    width: 1200px;
    margin: 0 auto;
}
.floor-title {
    position: relative;
    padding: 30px 0 30px;
}
.floor-title__content {
    position: relative;
    z-index: 2;
    color: #2e3244;
    font-size: 44px;
    line-height: 62px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 8px 10px rgb(136 126 117 / 40%);
}
/*=========================介绍===========================*/
/* 外框 */
.cocards-floor {
    width: 1180px;
    height: 170px;
    padding: 10px;
    background: linear-gradient(
-86.5deg
, #f63 0%, #f63 100%);
    border-radius: 10px;
}
/* 内框 */
.cocards-floor .classify-cobrand {
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}
.cocards-floor-part.classify {
    width: 100%;
    box-shadow: 0px 0px 20px 0px rgb(7 0 2 / 10%);
    position: relative;
}
/*介绍*/
.cocards-floor .classify-cobrand .vip-recommend  {
    text-align: justify;
}

.vip-recommend li {
    width: 230px;
    height: 100%;
    border: 1px solid transparent;
    margin-right: -1px;
    margin-bottom: -1px;
    text-align: center;
    font-size: 14px;
    position: relative;
    float: left;
}
.vip-recommend li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    
}
.vip-recommend li span {
    display: block;
    margin-top: 20px;
}
.vip-recommend li span {
    text-decoration: none;
}

.vip-recommend li span img{
    background-position: 0 -1180px;
    display: inline-block;
    width: 100px;
    height: 100px;

}
.vip-recommend li h3 {
    margin-top: 12px;
}
.vip-recommend li h3 {
    color: #5a5353;
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
}
